<section id="widget-grid" class="">
    <div class="row">
        <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div class="widget-body">
            <!-- Dynamic Modal -->
            <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true">
                <div class="modal-dialog" style="width: 900px;">
                    <div class="modal-content">
                        <!-- content will be filled here from "ajax/modal-content/model-content-1.html" -->
                    </div>
                </div>
            </div>
            <a href="javascript:void(0);" id="add"  class="btn btn-primary" onclick="addSys()" data-toggle="modal" data-target="#addModal">新增</a>
            <a href="javascript:void(0);" id="update"  class="btn btn-primary" onclick="updateSys()">编辑</a>
            <a href="javascript:void(0);" id="delete"  class="btn btn-primary" onclick="delSys()">删除</a>
        </div>
            <p>
                &nbsp;
            </p>
        </article>
    </div>
    <div class="row">
    	<div id="list-alert">
        </div>
    </div>
    <div class="row">
        <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <!-- Widget ID (each widget will need unique ID)-->

            <!-- end widget -->
            <table id="jqgrid"></table>
            <div id="pjqgrid"></div>
        </article>

    </div>
</section>
<script type="text/javascript">
    pageSetUp();
    loadScript("js/plugin/jqgrid/grid.locale-en.min.js", function(){
    	loadScript("js/plugin/jqgrid/jquery.jqGrid.min.js", function(){
    		loadScript("js/create-jqgrid.js", function(){
    			sendGet("/upm_manager/v1.0/business_systems",createGrid_business_systems,ListAlert,null);	
    		});
    		
    	});
    });
    var gridWorkOrder=$("#jqgrid");
    function addSys(){
    	$("#add").attr("href","views/workorder/sys/add.html");
    }
    function updateSys(){
    	ListAlertClear();
		var s = $("#jqgrid").jqGrid('getGridParam', 'selarrrow'); 
		var id=$("#update");
    	if(s.length==1){
    		id.attr("href","views/workorder/sys/update.html");
            id.attr("data-toggle","modal");
            id.attr("data-target","#addModal");
    	 } else{
    		 ListAlert("请勾选一行数据");
    		 id.removeAttr("data-toggle");
             id.removeAttr("data-target");
             id.removeAttr("href");
    	 }
    }
    function delSys(){
    	ListAlertClear();
		var s = $("#jqgrid").jqGrid('getGridParam', 'selarrrow');
    	if(s.length==1){
    		var sysId = $("#jqgrid").jqGrid('getRowData',s).id;
    		ListConfirm('delete', sysId);
    	 } else{
    		 ListAlert("请勾选一行数据");
    	 }
    }
    
    function confirm(type, id){
    	switch(type){
    	case 'delete':
    		sendDelete("/upm_manager/v1.0/business_systems/"+id, showReturn, ListAlert, null);
    		break;
    	default:
    	}
    }
    
    function showReturn(data){
    	sendGet("/upm_manager/v1.0/business_systems",reloadGrid,ListAlert,null);
	}
    function reloadGrid(data){
    	ListAlertClear();
    	var jq_data=data['data'];   	
    	$("#jqgrid").clearGridData().setGridParam({data:jq_data}).trigger("reloadGrid");
    }
    
	clearInterval(flag);
	var flag = setInterval(showReturn, setTime);
</script>
